﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="AiXiu.WebSite.Login" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
     <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link href="mui/css/mui.min.css" rel="stylesheet" />
    <link href="mui/css/style.css" rel="stylesheet" />
    <style>
        .area {
            margin: 20px auto 0px auto;
        }

        .mui-input-group {
            margin-top: 10px;
        }

            .mui-input-group:first-child {
                margin-top: 20px;
            }

            .mui-input-group label {
                width: 22%;
            }

        .mui-input-row label ~ input,
        .mui-input-row label ~ select,
        .mui-input-row label ~ textarea {
            width: 80%;
        }

        .mui-checkbox input[type=checkbox],
        .mui-radio input[type=radio] {
            top: 6px;
        }

        .mui-content-padded {
            margin-top: 25px;
        }

        .mui-btn {
            padding: 10px;
        }

        .link-area {
            display: block;
            margin-top: 25px;
            text-align: center;
        }

        .spliter {
            color: #bbb;
            padding: 0px 8px;
        }

        .oauth-area {
            position: absolute;
            bottom: 20px;
            left: 0px;
            text-align: center;
            width: 100%;
            padding: 0px;
            margin: 0px;
        }

            .oauth-area .oauth-btn {
                display: inline-block;
                width: 50px;
                height: 50px;
                background-size: 30px 30px;
                background-position: center center;
                background-repeat: no-repeat;
                margin: 0px 20px;
                /*-webkit-filter: grayscale(100%); */
                border: solid 1px #ddd;
                border-radius: 25px;
            }

                .oauth-area .oauth-btn:active {
                    border: solid 1px #aaa;
                }

                .oauth-area .oauth-btn.disabled {
                    background-color: #ddd;
                }
    </style>
    <script>
        $(function () {
            $("#txtName").focus(function() {
                var str = $(this).val();
                if (str == "请输入用户名") {
                    $(this).val("");
                }	
            });
            $("#txtName").blur(function () {
                var str = $(this).val();
                if (str == "") {
                    $(this).val("请输入用户名");
                }
            });
            $("#txtPwd").focus(function () {
                var str = $(this).val();
                if (str == "请输入密码") {
                    $(this).val("");
                }
            });
            $("#txtPwd").blur(function () {
                var str = $(this).val();
                if (str == "") {
                    $(this).val("请输入密码");
                }
            });
         


            });
    </script>
</head>
<body>
    <form id="form1"  runat="server">
   <header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">登录</h1>
		</header>
      <div class="mui-content">
       

         
          <img src="imgs/account-bg.jpg"  style="width:100%" />
           <div >
               <p class="segmented">
                     <a  style="color:aqua;">用户名密码登录</a>
                    <a  class="active"  href="Phone.aspx">手机号密码登录</a>
               </p>
        
            <asp:Label ID="Label1" runat="server" Text="用户名"></asp:Label>
                   <asp:TextBox ID="txtName"   runat="server">请输入用户名</asp:TextBox>
    <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtName" ErrorMessage="用户名不能为空" ForeColor="Red"></asp:RequiredFieldValidator>
             
                   <asp:Label ID="Label2" runat="server" Text="密码"></asp:Label>
                   <asp:TextBox ID="txtPwd"  runat="server" TextMode="Password">请输入密码</asp:TextBox>
               <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtPwd" ErrorMessage="密码不能为空" ForeColor="Red"></asp:RequiredFieldValidator>
               <asp:Button ID="btnDL" runat="server" Text="登录"  style="top:0px;left:0px" OnClick="btnDL_Click"/>
           </div>
             <asp:Label ID="Label3" runat="server" Text="没有账号?"></asp:Label><a href="ZC.aspx">注册一个吧</a>
          
      </div>
        </form>



    <script src="mui/js/app.js"></script>
    <script src="mui/js/mui.enterfocus.js"></script>
    <script src="mui/js/mui.min.js"></script>
    <script src="mui/js/jquery.js"></script>
</body>
</html>
